#echarts-count{
	width: 100%;
	height: 400px;
}
#echarts-task{
	width: 100%;
	height:300px;
}
#task-link{
	width: 100%;
	height:98px;
}
#task-link>ul{
	width: 100%;
	height:100%;
}
#task-link>ul>li{
	width: 30%;
	height: 100%;
	float:left;
	margin-left: 2%;
	border-radius: 10%;
	line-height: 100px;
	text-align: center;
}
#task-link>ul>li>a{
	display: block;
	width: 100%;
	height: 100%;
}
#task-link>ul>li>a>span{
	color: white;
	font-size: larger;
}
#task-link>ul>li:nth-child(1){
	background-color: #ffb450;
}
#task-link>ul>li:nth-child(2){
	background-color: #66d3ee;
}
#task-link>ul>li:nth-child(3){
	background-color: #ff8888;
}
.range-left{
    padding: 5px;
}
.range-left>li{
    width: 100%;
    height:50px;
    line-height: 50px;
    border-bottom: 1px dashed red;
}
.range-right{
    padding: 5px;
}
.range-right>li{
    width: 100%;
    height:50px;
    line-height: 50px;
    border-bottom: 1px dashed red;
}
.con{
    float:right;
}
.layui-card-header>a{
	float: right;
	margin-right: 10px;
	color: blue;
}
.layui-card-header>span{
	color: #ffa200;
	font-size: 16px;
	margin-left: 8px;
}